html {
  height: 3000px;
  background: url('../img/bg.jpg') no-repeat;
  background-size: cover;
}
.main_body {
  display: flex;
  padding: 3.583rem 0.833rem 0 0.833rem;
  background: url('../img/logo.png') no-repeat;
  background-size: contain;
}
.main_body .leftBox {
  flex: 3;
}
.main_body .leftBox .top1_box {
  height: 4.583rem;
  width: 100%;
  border: 1px solid transparent;
  border-image-source: url('../img/border.png');
  border-image-slice: 50 38 58 127;
  border-image-repeat: round;
  border-image-width: 2.083rem 1.583rem 2.417rem 5.292rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.main_body .leftBox .top1_box h4 {
  font-size: 0.917rem;
}
.main_body .leftBox .top1_box p {
  color: #006cff;
}
.main_body .leftBox .top2_box {
  height: 19.667rem;
  width: 100%;
  border: 1px solid transparent;
  border-image-source: url('../img/border.png');
  border-image-slice: 50 38 58 127;
  border-image-repeat: round;
  border-image-width: 2.083rem 1.583rem 2.417rem 5.292rem;
  box-sizing: border-box;
  margin: 0.833rem 0;
}
.main_body .leftBox .top2_box .title {
  height: 2.5rem;
  line-height: 2.5rem;
  display: flex;
  padding-left: 1.333rem;
}
.main_body .leftBox .top2_box .title .line {
  width: 0.083rem;
  height: 0.833rem;
  background-color: #00f2f1;
  margin: 0.917rem 1.083rem;
}
.main_body .leftBox .top2_box .title .active {
  color: #006cff;
}
.main_body .leftBox .top2_box .tip_title {
  height: 1.583rem;
  line-height: 1.583rem;
  background: rgba(255, 255, 255, 0.1);
  padding-left: 1.333rem;
}
.main_body .leftBox .top2_box .tip_title span {
  color: #68d8fe;
  font-size: 0.583rem;
}
.main_body .leftBox .top2_box .tip_title span:nth-child(2) {
  margin: 0 7.5rem 0 3.542rem;
}
.main_body .leftBox .top2_box .content {
  padding-left: 1.333rem;
}
.main_body .leftBox .top2_box .content li {
  height: 1.5rem;
  line-height: 1.5rem;
}
.main_body .leftBox .top2_box .content li span {
  font-size: 0.583rem;
  color: #006cff;
  display: inline-block;
}
.main_body .leftBox .top2_box .content li span:nth-child(1) {
  width: 5.833rem;
}
.main_body .leftBox .top2_box .content li span:nth-child(2) {
  width: 11rem;
}
.main_body .leftBox .top3_box {
  height: 13.917rem;
  width: 100%;
  border: 1px solid transparent;
  border-image-source: url('../img/border.png');
  border-image-slice: 50 38 58 127;
  border-image-repeat: round;
  border-image-width: 2.083rem 1.583rem 2.417rem 5.292rem;
  box-sizing: border-box;
}
.main_body .leftBox .top3_box .title {
  height: 2.917rem;
  line-height: 2.917rem;
  font-size: 0.833rem;
  padding-left: 1.333rem;
}
.main_body .leftBox .top3_box .content {
  padding: 0 1.333rem;
  display: flex;
}
.main_body .leftBox .top3_box .content .pie_box {
  flex: 1;
  height: 9.917rem;
}
.main_body .leftBox .top3_box .content .msgshow {
  height: 9.917rem;
  width: 6.917rem;
  background: url('../img/rect.png') no-repeat;
  background-size: cover;
}
.main_body .leftBox .top3_box .content .msgshow .item {
  margin-left: 1.333rem;
  margin-top: 1.583rem;
}
.main_body .leftBox .top3_box .content .msgshow .item h4 {
  font-size: 0.917rem;
}
.main_body .leftBox .top3_box .content .msgshow .item p {
  color: #006cff;
  font-size: 0.75rem;
}
.main_body .mainbox {
  flex: 4;
  margin: 1.917rem 0.833rem 0 0.833rem;
}
.main_body .mainbox .middle_title {
  font-size: 0.917rem;
}
.main_body .mainbox .middle_title span {
  font-size: 0.917rem;
}
.main_body .mainbox .map {
  height: 21.667rem;
  background-color: rgba(255, 255, 255, 0.1);
  margin-top: 0.417rem;
}
.main_body .mainbox .lineBox {
  height: 13.917rem;
  width: 100%;
  border: 1px solid transparent;
  border-image-source: url('../img/border.png');
  border-image-slice: 50 38 58 127;
  border-image-repeat: round;
  border-image-width: 2.083rem 1.583rem 2.417rem 5.292rem;
  box-sizing: border-box;
  margin-top: 0.833rem;
}
.main_body .mainbox .lineBox .title {
  height: 2.917rem;
  line-height: 2.917rem;
  padding-left: 1.333rem;
}
.main_body .mainbox .lineBox .title h4 {
  font-size: 0.833rem;
}
.main_body .mainbox .lineBox .content {
  padding: 0 1.333rem;
  display: flex;
}
.main_body .mainbox .lineBox .content .left_lineBox {
  flex: 1;
  height: 9.917rem;
}
.main_body .mainbox .lineBox .content .msgshow {
  height: 9.917rem;
  width: 6.917rem;
  background: url('../img/rect.png') no-repeat;
  background-size: cover;
}
.main_body .mainbox .lineBox .content .msgshow .item {
  margin-left: 1.333rem;
  margin-top: 1.583rem;
}
.main_body .mainbox .lineBox .content .msgshow .item h4 {
  font-size: 0.917rem;
}
.main_body .mainbox .lineBox .content .msgshow .item p {
  color: #006cff;
  font-size: 0.75rem;
}
.main_body .rightBox {
  flex: 3;
}
.main_body .rightBox .top1_box {
  height: 6rem;
  margin-bottom: 0.833rem;
  width: 100%;
  border: 1px solid transparent;
  border-image-source: url('../img/border.png');
  border-image-slice: 50 38 58 127;
  border-image-repeat: round;
  border-image-width: 2.083rem 1.583rem 2.417rem 5.292rem;
  box-sizing: border-box;
}
.main_body .rightBox .top1_box .title {
  height: 2.667rem;
  line-height: 2.667rem;
  padding-left: 1.333rem;
  display: flex;
}
.main_body .rightBox .top1_box .title a {
  font-size: 0.833rem;
  color: #1950c4;
}
.main_body .rightBox .top1_box .title .line {
  width: 0.083rem;
  height: 0.833rem;
  background-color: #00f2f1;
  margin: 0.917rem 0.75rem;
}
.main_body .rightBox .top1_box .title .active {
  color: #fff;
}
.main_body .rightBox .top1_box .content .item {
  display: flex;
  padding-left: 1.333rem;
}
.main_body .rightBox .top1_box .content .item h4 {
  font-size: 0.833rem;
}
.main_body .rightBox .top1_box .content .item p {
  color: #006cff;
}
.main_body .rightBox .top1_box .content .item .leftItem {
  margin-right: 7.083rem;
}
.main_body .rightBox .line_box {
  height: 10.083rem;
  margin-bottom: 0.833rem;
  width: 100%;
  border: 1px solid transparent;
  border-image-source: url('../img/border.png');
  border-image-slice: 50 38 58 127;
  border-image-repeat: round;
  border-image-width: 2.083rem 1.583rem 2.417rem 5.292rem;
  box-sizing: border-box;
}
.main_body .rightBox .line_box .title {
  height: 2.5rem;
  line-height: 2.5rem;
  padding-left: 1.333rem;
  display: flex;
}
.main_body .rightBox .line_box .title h4 {
  font-size: 0.833rem;
}
.main_body .rightBox .line_box .title a {
  width: 1.083rem;
  height: 1.083rem;
  line-height: 1.083rem;
  text-align: center;
  font-size: 0.833rem;
  margin-right: 1.167rem;
  margin-top: 0.833rem;
}
.main_body .rightBox .line_box .title .active {
  background-color: #4c9bfd;
  color: #fff;
  border-radius: 0.125rem;
}
.main_body .rightBox .line_box .title .line {
  width: 0.083rem;
  height: 0.833rem;
  background-color: #00f2f1;
  margin: 0.917rem 0.75rem;
}
.main_body .rightBox .line_box .conent {
  padding: 0 1.333rem;
}
.main_body .rightBox .line_box .conent .lineBox {
  height: 7.083rem;
}
.main_body .rightBox .top3_box {
  display: flex;
}
.main_body .rightBox .top3_box .public {
  flex: 1;
  height: 9.583rem;
  width: 100%;
  border: 1px solid transparent;
  border-image-source: url('../img/border.png');
  border-image-slice: 50 38 58 127;
  border-image-repeat: round;
  border-image-width: 2.083rem 1.583rem 2.417rem 5.292rem;
  box-sizing: border-box;
}
.main_body .rightBox .top3_box .public .title {
  height: 2.833rem;
  line-height: 2.833rem;
  padding-left: 1.333rem;
  font-size: 0.833rem;
}
.main_body .rightBox .top3_box .leftBox3 {
  margin-right: 0.833rem;
}
.main_body .rightBox .top3_box .content {
  padding: 0 1.333rem;
}
.main_body .rightBox .top3_box .content .item {
  display: flex;
  margin-bottom: 1.083rem;
}
.main_body .rightBox .top3_box .content .item h4 {
  font-size: 1.083rem;
}
.main_body .rightBox .top3_box .content .item .items1 {
  margin-right: 3.083rem;
}
.main_body .rightBox .top3_box .rightBox3 {
  position: relative;
}
.main_body .rightBox .top3_box .rightBox3 .progress {
  height: 3.417rem;
}
.main_body .rightBox .top3_box .rightBox3 h3 {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translateX(-50%);
  font-size: 1rem;
}
.main_body .rightBox .top3_box .rightBox3 .lastMsg {
  padding: 0 1.333rem;
}
.main_body .rightBox .top3_box .rightBox3 .lastMsg .item {
  display: flex;
  margin-bottom: 1.083rem;
}
.main_body .rightBox .top3_box .rightBox3 .lastMsg .item h4 {
  font-size: 1.083rem;
}
.main_body .rightBox .top3_box .rightBox3 .lastMsg .item .items1 {
  margin-right: 3.083rem;
}
